<!DOCTYPE html>
<html>
<meta charset="utf-8">
<meta content="IE=9" http-equiv="x-ua-compatible">
<head th:include="include :: header"></head>
<body class="gray-bg">
<div class="pull-right">
	<div class="btn-group tool-button">
		<button class="btn btn-primary navbar-btn" type="button" onclick="save()"> 保存</button>
	</div>
</div>
<div class="content-wrap">
	<form class="form-horizontal m-t" id="signupForm">
	<!--<form id="addForm" role="form" class="form-horizontal parsley-form" data-parsley-validate-->
		  <!--action="${base!}/platform/goods/type/addDo" method="post">-->
		<input type="hidden" id="isPhysical" name="isPhysical" value="1">
		<input type="hidden" id="hasBrand" name="hasBrand" value="1">
		<input type="hidden" id="hasParam" name="hasParam" value="1">
		<input type="hidden" id="hasSpec" name="hasSpec" value="1">
		<div class="wrapper" style="min-height:500px;">
			<div class="box-tab">
				<ul class="nav nav-tabs">
					<li class="active"><a href="#base" data-toggle="tab">基本设置</a>
					</li>
					<!--<li><a href="#props" data-toggle="tab">扩展属性</a>-->
					<!--</li>-->
					<li><a href="#spec" data-toggle="tab">规格</a>
					</li>
					<li><a href="#params" data-toggle="tab">详细参数表</a>
					</li>
				</ul>
				<div class="tab-content text-center">
					<div class="tab-pane fade active in" id="base">
						<div class="col-lg-12">
							<div class="form-group">
								<label for="name" class="col-sm-2 control-label">类型名称</label>
								<div class="col-sm-8">
									<input type="text" id="name" class="form-control" name="name" data-parsley-required="true"
										   value="" placeholder="类型名称" required="required">
								</div>
							</div>

							<!-- <div class="form-group">
								<label for="brand" class="col-sm-2 control-label">关联品牌</label>
								<div class="col-sm-8" id="brand">
									<div style="float: left;height: 35px;line-height: 35px;" >
										<span th:each="bList : ${brandList}" >
											<input type="checkbox" th:value="${bList.id}" name="brand" value="" required="required">
											<span th:text="${bList.name}"></span>
										</span>
									</div>
								</div>
							</div> -->

						</div>
					</div>
					<!--<div class="tab-pane fade" id="props">-->
						<!--<div class="form-group">-->
							<!--<div class="col-sm-2">-->
								<!--<button id="propsAdd" type="button" class="btn btn-default"><i class="fa fa-plus mr5"></i>添加扩展属性</button>-->

							<!--</div>-->
							<!--<div class="col-sm-8">-->
							<!--</div>-->
						<!--</div>-->
						<!--<div class="form-group">-->
							<!--<label for="propsTab" class="col-sm-2 control-label"></label>-->
							<!--<div class="col-sm-8">-->
								<!--<table id="propsTab" width="100%" border="0" cellspacing="0" cellpadding="0" >-->
									<!--<thead>-->
									<!--<tr align="center">-->
										<!--<td>属性名称</td>-->
										<!--<td width="2"></td>-->
										<!--<td>展现形式</td>-->
										<!--<td width="2"></td>-->
										<!--<td>选项管理</td>-->
										<!--<td></td>-->
										<!--<td>操作</td>-->
									<!--</tr>-->
									<!--</thead>-->
									<!--<TBODY>                  　-->
									<!--　-->
									<!--</TBODY>-->
								<!--</table>-->
							<!--</div>-->
						<!--</div>-->
					<!--</div>-->
					<div class="tab-pane fade" id="spec">
						<div class="form-group">
							<div class="col-sm-2">
								<button id="specAdd" type="button" class="btn btn-primary"><i class="fa fa-plus mr5"></i>选择规格</button>

							</div>
							<div class="col-sm-8">
							</div>
						</div>
						<div class="form-group">
							<label for="specTab" class="col-sm-2 control-label"></label>
							<div class="col-sm-8">
								<table id="specTab" width="100%" border="0" cellspacing="0" cellpadding="0" >
									<thead>
									<tr align="center">
										<td>规格名称</td>
										<td>规格值</td>
										<td width="2"></td>
										<td>操作</td>
									</tr>
									</thead>
									<TBODY>                  　
									　
									</TBODY>
								</table>
							</div>
						</div>
					</div>
					<div class="tab-pane fade" id="params">
						<div class="form-group">
							<div class="col-sm-2">
								<button id="groupAdd" type="button" class="btn btn-primary"><i class="fa fa-plus mr5"></i>添加参数组</button>

							</div>
							<div class="col-sm-8">
							</div>
						</div>
						<div class="form-group">
							<label for="groupTab" class="col-sm-2 control-label"></label>
							<div class="col-sm-8">
								<table id="groupTab" width="100%" border="0" cellspacing="0" cellpadding="0" >
									<thead>
									<tr align="center">
										<td>参数组名称</td>
										<td width="2"></td>
										<td>参数管理</td>
										<td></td>
										<td>操作</td>
									</tr>
									</thead>
									<TBODY>                  　
									　
									</TBODY>
								</table>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
	</form>
</div>
<div id="buttom"></div>

<div id="dialogProps" class="modal fade bs-modal-sm" tabindex="-2" role="dialog" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h4 class="modal-title">编辑选项</h4>
			</div>
			<div class="modal-body">
				<div class="row">
					<div class="form-group">
						<div class="col-sm-2">
							<button id="dialogPropsAdd" type="button" class="btn btn-default"><i class="fa fa-plus mr5"></i>添加选项值</button>
						</div>
						<div class="col-sm-8">
						</div>
					</div>
				</div>
				<div class="row">
					<div class="form-group">
						<label for="dialogPropsTab" class="col-sm-2 control-label"></label>
						<div class="col-sm-8">
							<table id="dialogPropsTab" width="100%" border="0" cellspacing="0" cellpadding="0" >
								<thead>
								<tr align="center">
									<td>选项值</td>
									<td width="2"></td>
									<td>操作</td>
								</tr>
								</thead>
								<TBODY>                  　
								　
								</TBODY>
							</table>
						</div>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">取 消</button>
				<button id="dialogPropsOK" type="button" class="btn btn-primary" data-loading-text="确定...">确 定</button>
			</div>
		</div>
	</div>
</div>
<div id="dialogParam" class="modal fade bs-modal-sm" tabindex="-2" role="dialog" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h4 class="modal-title">编辑参数</h4>
			</div>
			<div class="modal-body">
				<div class="row">
					<div class="form-group">
						<div class="col-sm-2">
							<button id="dialogParamAdd" type="button" class="btn btn-default"><i class="fa fa-plus mr5"></i>添加参数</button>
						</div>
						<div class="col-sm-8">
						</div>
					</div>
				</div>
				<div class="row">
					<div class="form-group">
						<label for="dialogPropsTab" class="col-sm-2 control-label"></label>
						<div class="col-sm-8">
							<table id="dialogParamTab" width="100%" border="0" cellspacing="0" cellpadding="0" >
								<thead>
								<tr align="center">
									<td>参数名</td>
									<td width="2"></td>
									<td>操作</td>
								</tr>
								</thead>
								<TBODY>                  　
								　
								</TBODY>
							</table>
						</div>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">取 消</button>
				<button id="dialogParamOK" type="button" class="btn btn-primary" data-loading-text="确定...">确 定</button>
			</div>
		</div>
	</div>
</div>

<div id="noteDialog" class="modal fade bs-modal-sm" tabindex="-2" role="dialog" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title">编辑内容</h4>
			</div>
			<div class="modal-body">
				<div class="row">
					<div class="form-group">
						<textarea id="note" name="note" style="width:100%;height:200px;"></textarea>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">取 消</button>
				<button id="noteOK" type="button" class="btn btn-primary" data-loading-text="正在保存...">确 定</button>
			</div>
		</div>
	</div>
</div>

<div th:include="include::footer"></div>
	<script type="text/javascript" src="/js/jquery.validate.min.js"></script>
	<script type="text/javascript" src="/js/jquery.validate.js">
	</script>
	<script type="text/javascript" src="/js/appjs/wx/goodsType/add.js"></script>
	
</body>
</html>
